<template>
  <div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
    <NSpace vertical :size="14">
      <NGrid :x-gap="14" :y-gap="14" responsive="screen" item-responsive>
        <NGi span="24 s:24 m:4">
          <NCard title="授权用户" :bordered="false" class="sm:flex-1-hidden card-wrapper ">
            <NScrollbar class="pr-20px">
              <NList hoverable clickable>
                <NListItem>
                  <NThing title="用户" content-style="margin-top: 10px;" />
                </NListItem>
              </NList>
            </NScrollbar>
          </NCard>
        </NGi>
      </NGrid>
    </NSpace>
  </div>
</template>

<script setup lang="ts">
import {ref, onMounted, reactive, toRefs,computed } from 'vue'
import { useMessage  } from 'naive-ui';
import { useRoute } from 'vue-router';
const route = useRoute();

const routeQuery = computed(() => JSON.stringify(route.query));
console.log("routeQuery:",routeQuery.value)
</script>

<style scoped>

</style>
